
.echartsBox1{
    /* border: 1px solid red; */
    width: 92%;
    min-height: 1.2077rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: .4831rem;
    /* background: #0000002a; */
}
.echartsBox1 h4{
    margin: .3623rem;
}
.echartsBox1 .box{
    /* border: 1px solid red; */
    border-radius: .2415rem;
    border-bottom: .0121rem solid #ececec;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #fff;
    margin-bottom: .3623rem;

}
.echartsBox1 .box .echarts{
    /* border: 1px solid rgb(255, 242, 0); */
    width: 95%;
    height: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .2415rem;
}
.echartsBox1 .box .echarts.major{
    background: url(../img/major_bg.webp) no-repeat;
    background-size: cover;
    background-position: center -0.6831rem;

}
.echartsBox1 .box .detail{
    /* border: 1px solid red; */
    font-size: .3261rem;
    color: #5a5a5ac3;
    width: 95%;
    border:  .0121rem solid #ececec;
    box-sizing: border-box;
    padding: .1208rem;
}
.echartsBox1 .box .detail ul, .echartsBox1 .box .detail ul li{
    width: 100%;
}
.echartsBox1 .box .detail ul li{
    /* border: 1px solid red; */
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    height: .4831rem;
}
.echartsBox1 .box .detail ul li span{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;

    /* border: 1px solid red; */
    /* width: 33.33%; */
}
.echartsBox1 .box .detail ul li span:nth-child(1){
     width: 36%;
}
.echartsBox1 .box .detail ul li span:nth-child(2){
    width: 32%;
}
.echartsBox1 .box .detail ul li span:nth-child(3){
    width: 32%;
}
.echartsBox1 .box .title{
    /* border: 1px solid red; */
    width: 100%;
    height: .9662rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: .4348rem;
    color: #161616c3;
    margin-top: .2415rem;

}
.echartsBox1 .box .detail, .echartsBox1 .box .title{
    transform: translateY(-0.3623rem);
}

/* 用户活跃度排行样式 */
.user_activity_rankingBox{
    /* border: 1px solid red; */

}
.echartsBox1 .user_activity_rankingBox .detail{
    background: linear-gradient(#ffa9a9, #ffefa2);
    border-radius: .1208rem;
    margin-top: .2415rem;
}
.echartsBox1 .user_activity_rankingBox .detail ul li{
    /* border: 1px solid red; */
    border-radius: .1208rem;
    overflow: hidden;
    height: .8454rem;
    margin-bottom: .1208rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: content-box;
    padding: .1208rem 0;
    color: #fff;
}
/* 第一行标题 */
.echartsBox1 .user_activity_rankingBox .detail ul li:nth-child(1){
    height: .4831rem;
    span:nth-child(2), span:nth-child(3){
        width: 1.9324rem !important;
    }
    span:nth-child(1), span:nth-child(4){
        width: .7246rem !important;
    }
    span:nth-child(1){
        margin: 0 .2415rem;
    }
    span:nth-child(4){
        margin: 0 .1208rem;
    }
}
.echartsBox1 .user_activity_rankingBox .detail ul li:nth-child(2){
    background: #8a8a8a3d;
}
.echartsBox1 .user_activity_rankingBox .detail ul li:nth-child(3){
    background: #8a8a8a3d;
}
.echartsBox1 .user_activity_rankingBox .detail ul li:nth-child(4){
    background: #8a8a8a3d;
}
/* 头像 */
.echartsBox1 .user_activity_rankingBox .detail ul li div.userImg{
    /* border: 1px solid red; */
    width: .7246rem;
    height: .7246rem;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 .2415rem;
    
}
.echartsBox1 .user_activity_rankingBox .detail ul li div.userImg img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}
/* 数据字段 */
.echartsBox1 .user_activity_rankingBox .detail ul li span{
    /* border: 1px solid red; */
    width: 1.9324rem !important;
    display: flex;
    flex-flow: row;
    justify-content: center;

}
/* paimingIcon */
.echartsBox1 .user_activity_rankingBox .detail ul li div.order{
    /* border: 1px solid red; */
    width: .7246rem;
    height: .7246rem;
    overflow: hidden;
    margin: 0 .1208rem; 
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
/* 各排名图表 */

.order.first{
    background-image: url(../img/1.webp);
}
.order.second{
    background-image: url(../img/2.webp);
}
.order.third{
    background-image: url(../img/3.webp);
}
